@charset "utf-8";

/***************************************************
 base.css for all pages, all browser(excet IE4,NN4)
  01.BASE
  02.DESIGN STRUCTURE
  03.DOCUMENT STRUCTURE
  04.LINKTEXT DECOTAIOTN
  05.NAVIGATION
  06.SEARCH BOX
  07.IMAGE BLOCK
***************************************************/


/* 01 BASE
---------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
}
body {
	text-align: center;
	background: #F5F5F5 url(../images/bodyback.gif) repeat-y top center;
  color: #333;
  font-family: verdana, sans-serif;
}
body { font-size: small; }  /*IE6*/
html>body{ font-size: small; }  /*Opr6*/
head:first-child+body{ font-size: 12px; } /*else*/

img{border:0;}
i {font-style:italic;}
em {font-weight:bold;}
em i {font-weight:bold;font-style:italic;}
em sup {font-weight:bold;vertical-align:super;}
em sub {font-weight:bold;vertical-align:sub;}

ul, ol { list-style-type: none; }
.clear { clear: both; }
hr { border: 0px solid #fff; height: 0; color: #fff; }
fieldset { border: none; }

input.formbtn { font-size: 12px; padding:0;}
input.formbtn_en { font-size: 12px; padding:0;}

span.small{
	font-size:0.9em;
}

.pageID{
	font-size:10px;
	color:#CCC;
	margin:3px;
}

.noindent{
	text-indent:0;
	padding-left:0;
	margin-left:0;
}

/* 02 DESIGN STRUCTURE
---------------------------------------------------- */

#wrapper {
	text-align: left;
	width: 830px;
	margin: 0 auto;
	position: relative;
}

/* popup window only */
#popup_wrapper {
	background-color: #ffffff;
	text-align:left;
	margin: 0pt;
	padding: 10pt 10pt 0pt 10pt;
}

#popup_wrapper h1 {
	margin: 0pt;
	padding: 5px 0pt 5px 14px;
}

/* popup window only */
#popup {
	background: #FFFFFF;
}

#popup_wrapper {
	text-align:left;
	margin: 0pt;
	padding: 10pt 10pt 0pt 10pt;
}

#popup_wrapper h1 {
	background:transparent url(../images/search_point.gif) no-repeat scroll 0pt 3px;
	font-size:14px;
	height:auto;
	margin:10px 0pt;
	padding:5px 0pt 5px 14px;
}

#head {
	height: 40px;
	background: transparent url(../images/waveline.gif) no-repeat right bottom;
}
#main {
	width: 645px;
	float: left;
	padding-bottom: 10px;
}
#nav {
	padding: 10px 0 10px 12px;
	font-size:15px;
	color:#ff802c;
}
a:link.nav {
	color:#ff802c;
	text-decoration:none;	
	font-weight:bold;		
}
#leftNavi {
	width: 160px;
	float: left;
}
#content {
	float: right ;
	width: 475px;
}

#searchBox {
	float:right;
	width: 175px;
}

/* DESIGN STRUCTURE detail
---------------------------------------------------- */
#header {
	background: #fff url(../images/waveline.gif) no-repeat right bottom;
	height: 85px;
	}
#header img {
	margin: 18px 0 0 0px;
	float: left;
}
#header p { float: right; font-size:11px;}
#header p span {
	margin: 0 0 0 140px;
	display: block;
	background: #fff url(../images/worldlink.gif) no-repeat 0 0;
	padding: 3px 0 6px 0;
	width: 170px;
	color: #fff;
	margin-bottom: 5px;
	font-size:10px;
}
#index #header p span {margin: 0 0 5px 105px;}

#header p span a { color: #fff; margin: 0 2px 0 0; }
#header p span a.usa { margin-left: 30px; }
#header p a.home { background: #fff url(../images/arrow_bluewhite.gif) no-repeat 0 50%; padding-left: 8px; margin-right: 6px; }
#header p a.sitemap { background: #fff url(../images/ico_sitemap.gif) no-repeat 0 50%; padding-left: 14px; margin-right: 6px; }
#header p label { background: #fff url(../images/ico_search.gif) no-repeat 0 50%; padding: 0 3px 0 14px; }
.searchform { width: 100px; margin-right: 5px; }


#region {
    background: url(../images/worldlink_bg.png) ;
    width: 165px;
    border: 1px solid #ccc;
    }
#region ul {
    padding: 5px 20px 10px 15px;
    }
#region ul li ul { padding: 0 0 0 0.5em;}
#region ul li ul li {}
#region ul li ul li a { padding: 0 0 0 1em; background:url(../images/arrow_bluewhite.gif) no-repeat 0 50%;}
#region ul li ul li a.multi {
    padding: 0 0 0 1em;
    background:url(../images/arrow_bluewhite.gif) no-repeat 0 20%;
    }
#region ul li a {
    display: block;
    padding: 2px 0;
    }
#region ul li a:hover { color: #0093FF; }

/*
div#subNavi{
	float:right;
	width:385px;
width:335px;
	font-size:10px;
	text-align:right;
}


#subNavi a.home { background: #fff url(../images/arrow_bluewhite.gif) no-repeat 0 50%; padding-left: 8px; margin-right: 6px; }
#subNavi a.sitemap { background: #fff url(../images/ico_sitemap.gif) no-repeat 0 50%; padding-left: 14px; margin-right: 6px; }
#subNavi label { background: #fff url(../images/ico_search.gif) no-repeat 0 50%; padding: 0 0 0 14px; }

#subNavi form {margin:0;padding:0;display:inline;}
#subNavi form input.searchform { width: 100px; margin: 0px 5px;}
*/


#breadCrumb {
	font-size: 0.9em;
	padding: 4px 3px;
}
#breadCrumb a {
	color: #006DDD;
	text-decoration: underline;
	background: #fff url(../images/breadcrumb_arrow.gif) no-repeat right center;
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
}
#breadCrumb hr { display: none; }
#leftNavi img {
	margin: 0 0 5px 0;
}

#footer {
	clear: both;
	background: #E0F3FF url(../images/footbg.gif) no-repeat 0 0;
	padding: 10px 15px 10px 15px;
}
#footer p { float: left; }
#footer p a {
	background: transparent url(../images/arrow_foot.gif) no-repeat 0 50%;
	padding-left: 12px;
	color: #000066;
}
address {
	color: #1E207A;
	text-align: right;
}


/* 03 DOCUMENT STRUCTURE
---------------------------------------------------- */	
h1 {
	background: #fff url(../images/h1_products_bg1.gif) no-repeat 0 0;
	padding: 0px 0 0px 30px;
	height: 64px;
	margin-bottom: 8px;
}
h1.common { background: #fff url(../images/h1_plain_bg.gif) no-repeat 0 0; }
h1 img { margin: 15px 0 0 0; }
body#general h1 { background: #fff url(../images/h1_plain_bg.gif) no-repeat 0 0; }


h2 {
	background: transparent url(../images/wave_h.gif) no-repeat 0 0;
	padding: 5px 15px 8px 9px;
	margin-bottom: 5px;
	color: #003cac;
	font-size: 15px;
	font-weight: bold;
}
h2 span {
	color: #003cac;
	font-size: 12px;
	text-align: right;
	display: block;
	margin: -10px 0 0 0;
}
h3 {
	color: #0295FF;
	color: #003cac;
	font-weight: bold;
	font-size: 1em;
	clear: both;
	margin: 0 0 5px 0;
}
h4 {
	font-weight: bold;
	margin: 0px 0 3px 0;
	font-size:12px;
	width:95%;
}
#content p {
	margin: 0 0 15px 0;
/*	text-indent: 0.9em; */
	line-height: 1.6;
}
#content p.noindent {
	text-indent: 0;
}

.red { color: #e20000; }
.sizeS { font-size: 0.9em; }
#content p.caption { text-indent: inherit; margin: 0; font-size: 0.9em; }

/* 04 LINKTEXT DECOTAIOTN
---------------------------------------------------- */
a:link,a:visited { color: #333;	text-decoration: none; }
a:hover, a:visited:hover { color: #666; text-decoration: underline;}

#content a:link,
#content a:visited { color: #006DDD;text-decoration: none; font-weight:normal;}
#content a:hover,
#content a:visited:hover { color: #666; text-decoration: underline; font-weight:normal;}

#mainBox-inner a:link,
#mainBox-inner a:visited { color: #006DDD;text-decoration: none; font-weight:normal;}
#mainBox-inner a:hover,
#mainBox-inner a:visited:hover { color: #666; text-decoration: underline; font-weight:normal;}

a.blue {color:#006DDD;}

a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent;
}
.arrowlink,.helplink { text-align: right; font-size: 0.9em; padding: 0px 0 3px 0; margin: 0; }
.arrowlink a:link, .arrowlink a:visited {
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 50%;
	padding-left: 10px;
	color: #006DDD;
	text-decoration: underline;
}
a.arrow_center {
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 50%;
	padding-left: 10px;
	color: #006DDD;
	text-decoration: underline;
	margin: 0 1em 0 0;
}
a.arrow {
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 4px;
	padding-left: 10px;
	color: #006DDD;
	text-decoration: underline;
	margin: 0 1em 0 0;
}

.helplink a { background: transparent url(../images/ico_help.gif) no-repeat 0 50%;
	padding: 3px 0 3px 15px;
	color: #333;
	text-decoration: underline;
}
.helplink a:link, .helplink a:visited { text-decoration: underline; }

.lastweek a { background: transparent url(../images/lastweek_bg.gif) no-repeat 0 0;
	padding: 5px 25px 5px 20px;
	font-size: 0.9em;
	color: #006DDD;
	text-decoration: underline;
}
.pagetop { clear: both; padding: 0px 0 0 0; text-align: right; padding: 5px 0;}
.pagetop a {
	background:url(../images/pt_arrow.gif) no-repeat left center;
	padding-left:14px;
}
.pagetop a:visited, .pagetop a:link {
	font-size: 0.9em;
	color: #006DDD;
}
#main .pagetop { clear: both; padding: 0px 0 0 0; text-align: right; padding: 5px 0;}
#main .pagetop a:visited, .pagetop a:link {
	font-size: 0.9em;
	color: #006DDD;
}

.arrowlist li {
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 50%;
	padding-left: 10px;
	margin-left: 1em;
}
.arrowlist2 li {
	background: url(../images/arrow_bluewhite.gif) no-repeat 0 4px;
	padding-left: 10px;
	margin-left: 1em;
}
.arrowlist li a:link, arrowlist li a:visited ,
.arrowlist2 li a:link, arrowlist li a:visited {
	color: #006DDD;
	text-decoration: underline;
}


table.grayTable {
	border-collapse: collapse;
	border-top: 1px solid #BEBEBE;
	border-left: 1px solid #BEBEBE;	
	margin: 0 5px 10px 5px;
	border-spacing: 0px;
}
table.grayTable th {
	background: #f3f3f3;
	text-align: center;
	white-space: nowrap;
	}

table.grayTable th,
table.grayTable td {
	padding: 3px 6px;
	font-size: 1em;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	}



/* 05 MAIN NAVIGATION( inside )
---------------------------------------------------- */
div#mainNavi {
	height: 45px;
	width: 830px;
}
div#mainNavi ul { padding: 0; }
div#mainNavi ul li {
	width: 205px;
	height: 45px;
	float: left;
	margin: 0 3px 0 0;
}
div#mainNavi ul li a {
	display: block;
	width: 205px;
	height: 45px;
	background: transparent url(../images/mainNavi_inside.gif) no-repeat;
	text-indent: -9999px;
	text-decoration:none;
	}
div#mainNavi ul li#navi01 a { background-position: 0 0px; }
div#mainNavi ul li#navi02 a { background-position: -205px 0; }
div#mainNavi ul li#navi03 a { background-position: -410px 0; }
div#mainNavi ul li#navi04 a { background-position: -616px 0; }
div#mainNavi ul li#navi01 a:hover { background-position: 0 -45px; }
div#mainNavi ul li#navi02 a:hover { background-position: -205px -45px; }
div#mainNavi ul li#navi03 a:hover { background-position: -410px -45px; }
div#mainNavi ul li#navi04 a:hover { background-position: -616px -45px; }
div#mainNavi ul li#navi04 { margin-right: 0; }


/* 05 MAIN NAVIGATION( index )
---------------------------------------------------- */
#index div#mainNavi {
	background: #fff url(../images/index_mainimg.jpg) no-repeat 0 0;
	height: 216px;
	width: 820px;
}
#index div#mainNavi ul { padding: 86px 0 0 6px; }
#index div#mainNavi ul li {
	width: 115px;
	height: 100px;
	float: left;
}
#index div#mainNavi ul li a {
	display: block;
	width: 115px;
	height: 100px;
	background: transparent url(../images/mainNavi.gif) no-repeat;
	text-indent: -9999px;
	}
#index div#mainNavi ul li#navi01 a { background-position: 0 -100px; }
#index div#mainNavi ul li#navi02 a { background-position: -118px -100px; }
#index div#mainNavi ul li#navi03 a { background-position: -236px -100px; }
#index div#mainNavi ul li#navi04 a { background-position: -354px -100px; }
#index div#mainNavi ul li#navi01 a:hover { background-position: 0 0; }
#index div#mainNavi ul li#navi02 a:hover { background-position: -118px 0; }
#index div#mainNavi ul li#navi03 a:hover { background-position: -236px 0; }
#index div#mainNavi ul li#navi04 a:hover { background-position: -354px 0; }


/* 05 LEFT NAVIGATION
---------------------------------------------------- */
#leftNavi {
	background: #fff url(../images/leftnavi_top.gif) no-repeat 0 0;
	padding-top: 26px;
}
#leftNavi ul {
	background: #fff url(../images/leftnavi_btm.gif) no-repeat bottom;
	padding-bottom: 24px;
	margin-bottom: 10px;
}
#leftNavi ul li {
	background: #ebebeb url(../images/leftnavi_bg.gif) no-repeat top;
	padding: 0 0 0 7px;
}
#leftNavi ul li a {
	background: transparent url(../images/leftnavi_arrow.gif) no-repeat 0 0.6em;
	width: auto;
	display: block;
	height: 100%;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
#leftNavi ul li a:hover { color: #4EB3FF; }

/*
#leftNavi ul li ol {  padding-bottom: 10px; }
*/
#leftNavi ul li ol li {
	background: transparent;
}
#leftNavi ul li ol li a {
	background: transparent url(../images/arrow_bluegray.gif) no-repeat 0 0.9em;
	padding-left: 10px;
}
#leftNavi ul li.indent { margin-left: 1em; }

/* 05 LEFT BANNER
---------------------------------------------------- */
dl#leftbanner {
    list-style-type: none;
}
 
dl#leftbanner dt a img {
    margin: 1px;
    vertical-align: bottom;
}

/* 05 LEFT HELP NAVI
---------------------------------------------------- */
dl#lefthelpnavi dt{
	background: #fff url(../images/leftnavi_top_search.gif) no-repeat 0 0;
	height: 6px;
	text-indent: -9999px;
	font-size: 0px;
	margin-top: 10px
}
dl#lefthelpnavi {
	background: #fff url(../images/leftnavi_btm.gif) no-repeat bottom;
	padding-bottom: 24px;
	margin-bottom: 10px;
}
dl#lefthelpnavi dd {
	background: #ebebeb url(../images/leftnavi_bg.gif) no-repeat top;
	padding: 0 0 0 7px;
}
dl#lefthelpnavi dd a {
	background: transparent url(../images/leftnavi_arrow.gif) no-repeat 0 0.6em;
	width: auto;
	display: block;
	height: 100%;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
dl#lefthelpnavi dd a:hover { color: #4EB3FF; }

/* 06 SEARCH BOX
---------------------------------------------------- */
/*
#eStore {
background: #fff url() no-repeat 0 0;
padding: 5px 0 15px 0px;
}
#eStore a img { margin: 0 auto; display:block; width: 144px; }
#eStore .helplink { margin-right: 10px;}
*/

dl#eStore dt {
	background: #fff url() no-repeat 0 0;
	height: 33px;
	text-indent: -9999px;
}
dl#eStore dd img {
margin: 0 auto; display:block; width: 144px;
}
dl#eStore .helplink { margin-right: 10px;}


dl#onlineshop dt {
	background: #fff url() no-repeat 0 0;
	height: 52px;
	text-indent: -9999px;
}

dl#catalogsearch dt {
	background: #fff url(../images/search_dt_catalog.gif) no-repeat 0 0;
	height: 28px;
	text-indent: -9999px;
}
dl#msdssearch dt {
	background: #fff url(../images/search_dt_msds.gif) no-repeat 0 0;
	height: 28px;
	text-indent: -9999px;
}
dl#coasearch dt {
	background: #fff url(../images/search_dt_coa.gif) no-repeat 0 0;
	height: 28px;
	text-indent: -9999px;
}
dl#helpnavi dt {
	background: #fff url(../images/search_dt_help.gif) no-repeat 0 0;
	height: 6px;
	text-indent: -9999px;
	font-size: 0px;
}
dl#onlineshop dd,
dl#catalogsearch dd,
dl#msdssearch dd,
dl#coasearch dd,
dl#helpnavi dd  {
	background: url(../images/search_dd_bg.gif) no-repeat bottom;
	padding: 5px 10px 10px 10px;
}
dl#onlineshop dt dd,
dl#catalogsearch dd.btm,
dl#msdssearch dd,
dl#coasearch dd,
dl#helpnavi dd.btm,
dl#eStore dd {
	background: url(../images/search_dd_btmbg.gif) no-repeat bottom;
	margin-bottom:10px;
	padding-bottom: 20px;
}
dl#eStore dd { padding: 10px 0 10px 0; }
#searchBox dd span {
	background: transparent url(../images/arrow_blueblue.gif) no-repeat 0 50%;
	padding-left: 10px;
	display: block;
}
#searchBox dd input { margin: 3px 0; }
input.textBox1 { width: 150px;}
div.inputBtn { text-align: right;}

#leftNavi div#whatsnew { padding: 10px 5px;}
#leftNavi div#whatsnew h5 { font-size: 1em; color: #2E5A92; border-bottom: 1px solid #2E5A92; margin: 0 0 5px 0; }
#leftNavi div#whatsnew ul { background:none;}
#leftNavi div#whatsnew li { font-size: 0.8em; margin-bottom: 5px;  background:none;}

dl#msdssearch input#productcode {margin-top:0; margin-bottom:3px;}
dl#msdssearch input.formbtn{text-align:right:}

/* 07 image block
--------------------------------------------------*/
img.left, div.left {
	float: left;
	margin: 0 9px 7px 0;
	display: block;
}
.left img, .right img {	display: block; }	
img.right, div.right {
	float: right;
	margin: 0 0 9px 7px;
	display: block;
}
.center { text-align: center; }
.clear { clear: both; }
.block { display: block; }
